<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=no"/>
    <title>冲刺大满贯，为十周年引爆</title>
    <link rel="stylesheet"  media="(max-width:500px)" href="{% static "css/m-style.css" %}">
    <link rel="stylesheet" media="(min-width:500px)" href="{% static "css/style.css" %}">
</head>

<body>
<div id="fullpage">
    <div class="header">

        <div id="logo">
            <img class="header-logo" src="{% static "images/logo.png" %}" alt="">
            <img class="dream" src="{% static "images/dream.png" %}" alt="">
            <img class="word" src="{% static "images/word.png" %}" alt="">
{#            <img class="countdown" src="{% static "images/countdown.png" %}" alt="">#}
            <p class="countdown">2018年底冲刺倒计时</p>
        </div>
        <div id="countdown">
            <div class="countdown_days">
                <span class="days">00</span>
                <span class="timeRefDays">Days</span>
            </div>
            <div class="time">
                <img class="time_logo" src="{% static "images/time.png" %}" alt="">
                <p class="time_word"><span class="hours">00</span>:
                    <span class="minutes">00</span>:
                    <span class="seconds">00</span>
                </p>
            </div>
        </div>


        <div class="waveWrapper waveAnimation">
            <div class="waveWrapperInner bgTop">
                <div class="wave waveTop" style="background-image: url({% static "images/wave-top.png" %})"></div>
            </div>
            <div class="waveWrapperInner bgMiddle">
                <div class="wave waveMiddle"
                     style="background-image: url({% static "images/wave-mid.png" %})"></div>
            </div>
            <div class="waveWrapperInner bgBottom">
                <div class="wave waveBottom"
                     style="background-image: url({% static "images/wave-bot.png" %})"></div>
            </div>
        </div>
        <div id="rank">
            <div class="head-img">
                <div class="boss first">
                    <div class="first-head">
                        {% if first.id == 1 %}
                            <img src="{% static "images/qiguan/first.png" %}" alt="">
                        {% endif %}
                        {% if first.id == 2 %}
                            <img src="{% static "images/hunli/first.png" %}" alt="">
                        {% endif %}
                        {% if first.id == 3 %}
                            <img src="{% static "images/daoju/first.png" %}" alt="">
                        {% endif %}
                    </div>
                    <p>{{ first.company_name }}</p>
                    {# <p class="complete">完成率: <span>{{ first.rate }}%</span></p> #}
                </div>

                <div class="boss second">
                    <div class="second-head">
                        {% if second.id == 1 %}
                            <img src="{% static "images/qiguan/second.png" %}" alt="">
                        {% endif %}
                        {% if second.id == 2 %}
                            <img src="{% static "images/hunli/second.png" %}" alt="">
                        {% endif %}
                        {% if second.id == 3 %}
                            <img src="{% static "images/daoju/second.png" %}" alt="">
                        {% endif %}
                    </div>
                    <p>{{ second.company_name }}</p>
                    {# <p class="complete">完成率: <span>{{ second.rate }}%</span></p> #}

                </div>

                <div class="boss third">
                    <div class="third-head">
                        {% if third.id == 1 %}
                            <img src="{% static "images/qiguan/third.png" %}" alt="">
                        {% endif %}
                        {% if third.id == 2 %}
                            <img src="{% static "images/hunli/third.png" %}" alt="">
                        {% endif %}
                        {% if third.id == 3 %}
                            <img src="{% static "images/daoju/third.png" %}" alt="">
                        {% endif %}
                        <p>{{ third.company_name }}</p>
                        {# <p class="complete">完成率: <span>{{ third.rate }}%</span></p> #}
                    </div>
                </div>
            </div>


        </div>


    </div>
    <div class="footer">
        <img src="{% static "images/foot.png" %}" alt="">
    </div>
</div>


<script src="{% static "js/jquery-1.7.1.min.js" %}" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.8/jquery.fullPage.js"></script>
<script src="{% static "js/countdown.js" %}" type="text/javascript"></script>
<script src="{% static "js/init.js" %}" type="text/javascript"></script>
</body>

</html>